<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>控制台</title>
<!-- 引入element样式 -->
<link rel="stylesheet"
	href="../public/plugins/element-ui/lib/theme-chalk/index.css">
<script src="../public/libs/vue.js"></script>
<!--引入element组件库-->
<script src="../public/plugins/element-ui/lib/index.js"></script>
</head>
<body>
<span style="font-size:18px;color:blue">欢迎登录企业数字化平台!</span>
<div>
	<ul>
		<li>
			<div id=1 style="width:20%;float:left;border:1px #DCDCDC solid">
				<div  class="alarm" align="center" >
				       <a href="/dataCenter/itemChainList.html" ><img src="/img/cash.png" /></a>
				       <div class="divright">
				           3
				       </div>
				       <div >项目跟踪</div>
				</div>
			</div>
			
			<div id=2 style="width:20%;float:left;border:1px #DCDCDC solid">
				<div  class="alarm" align="center">
				       <a href="/dataCenter/itemChainList.html" ><img src="/img/report.png" /></a>
				       <div class="divright">
				           4
				       </div>
				       <div >紧急事项</div>
				</div>
			</div>
			<div id=3 style="width:20%;float:left;border:1px #DCDCDC solid ">
				<div  class="alarm" align="center">
				       <a href="/dataCenter/itemChainList.html" ><img src="/img/clock.png" /></a>
				       <div class="divright">
				           4
				       </div>
				       <div >通知消息</div>
				</div>
			</div>
			<div id=4 style="width:20%;float:left;border:1px #DCDCDC solid ">
				<div  class="alarm" align="center">
				       <a href="/dataCenter/itemChainList.html" ><img src="/img/search.png" /></a>
				       <div class="divright">
				           2
				       </div>
				       <div >有待观察</div>
				</div>
			</div>
		</li>
	</ul>
</div>
<style>
 .alarm {
                position: relative;
                width: 80px;
                height: 80px;
                margin: 60px;
                font-size:18px;
                color:blue;
                
            }
.alarm img {
                width: 80px;
                height: 80px;
            }
 .divright {
                position: absolute;
                color: white;
                font-size: 17px;
                background-color: red;
                width: 23px;
                height: 23px;
                line-height: 23px;
                left: 95%;
                top:60px;
                text-align: center;
                -webkit-border-radius: 24px;
                border-radius: 24px;
            }
	.el-row {
    margin-bottom: 20px;
    
  }
  el-row:last-child {
      margin-bottom: 0;
    }

  .el-col {
    border-radius: 4px;
  }
  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }
  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }

</style>
</body>
</html>